<template lang="html">
  <div class="header-model">
    <h1 class="info font-18" >
      ys-ui组件库
      <span style="position: absolute;right: 30px;" @click="themeClick()">换主题</span>
    </h1>
  </div>
</template>

<script>
export default {
  data () {
    return {
      admin:true
    }
  },
  methods:{
    themeClick(){
      document.getElementsByTagName('body')[0].style.setProperty('--isAdmin',false);
      console.log(window.document.body)
      // this.admin=!this.admin
      // if(this.admin){
      //   console.log(window.document)
      //   window.document.getElementByTag("body")[0].className="isAdmin"
      // }else{
      //   window.document.getElementByTag("body")[0].className="isPerson"
      // }  
    }
  }
}
</script>
